
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>语料库管理系统</title>
    <meta name="description" content="关爱残疾人，沟通无障碍。">
    <meta name="keyword" content="手语，语料库，残疾人，沟通，无障碍。">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="assets/favicon.ico" rel="icon">
    <link rel="stylesheet" href="component/pear/css/pear.css" />
    <link rel="stylesheet" href="admin/css/loader.css" />
    <link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
    <!-- header -->
    <div class="ew-header">
        <img class="layui-logo" src="assets/images/un28.svg" style="height:50px;padding: 10px;" />
        <div class="ew-nav-group">
            <div class="nav-toggle"><i class="layui-icon layui-icon-more-vertical"></i></div>
            <ul class="layui-nav" lay-filter="ew-header-nav">
                <li class="layui-nav-item layui-this">
                    <a href="index.html">首页</a>
                </li>
                <li class="layui-nav-item">
                    <a href="add.html">提交语料库</a>
                </li>
                <li class="layui-nav-item">
                    <a href="search.html">语料库检索</a>
                </li>
                <li class="layui-nav-item">
                    <a href="show.html">全文手语翻译</a>
                </li>
                <li class="layui-nav-item">
                    <a class="layui-btn" href="main.html">进入管理</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- banner -->
    <div class="ew-banner" style="box-shadow: 0 0 6px rgba(0,0,0,.101562);">
        <div class="layui-container ">
            <div class="layui-row layui-col-space25" style="margin-top: 10px;">
                <div class="layui-col-md6  layui-col-xs12">
                    <img style="margin-top: 0px;margin-bottom: 40px;width: 80%;" src="assets/images/ylk.png">
                    <p style="font-size: 13.8px;font-weight: 500;margin-top: 10px;">☘ 关爱残疾人，沟通无障碍。 </p>
                    <div class="ew-banner-btngroup" style="margin-top: 50px;margin-bottom: 50px;">
                        <ul class="layui-nav" style="background-color: white;" lay-filter="ew-header-nav">
                            <li class="layui-nav-item" style="margin:8px;">
                                <a target="_blank" href="show.html" class="layui-btn layui-btn-primary layui-btn-fluid" nav-scroll="pricing">
                                    <i class="layui-icon layui-icon-release"></i>在线预览
                                </a>
                            </li>
                            <li class="layui-nav-item" style="margin:8px;">
                                <a href="#" id="showh5" class="layui-btn layui-btn-fluid" nav-scroll="pricing">
                                    <i class="layui-icon layui-icon-release"></i>手机预览
                                </a>
                            </li>
                            <li class="layui-nav-item" style="margin:8px;">
                                <a target="_blank" href="https://gitee.com/duanzt/shou-yu-corpus" class="layui-btn layui-btn-fluid" nav-scroll="pricing">
                                    <i class="layui-icon layui-icon-log"></i>获取代码
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="layui-col-md6 layui-col-xs12">
                    <div class="ew-banner-right">
                        <img class="show" style="width: 94%;margin-top: 0px!important;" src="assets/images/un30.svg">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section">
    </div>
    <div class="section" nav-id="fuck">
        <div class="section-title" style="font-size: 26px;font-weight:500;padding-bottom: 25px;">
            系 统 功 能
        </div>
        <div class="layui-container" style="padding-bottom: 26px;">
            <div class="layui-row layui-col-space30">
                <div class="layui-col-md6 layui-col-sm6" style="padding: 10%;padding-top: 11%;">
                    <img src="assets/images/un35.svg" style="width:100%;">
                </div>
                <div class="layui-col-md6 layui-col-sm6" style="padding: 55px;">
                    <h2>核心功能</h2>
                    <p style="margin-top:13px;font-size: 11px;">
                    </p><ul>
                        <li style="line-height: 35px;">最新技术高效快速开发，前后端分离模式，开箱即用。</li>
                        <li style="line-height: 35px;">核心模块包括：用户、角色、职位、组织机构、菜单、字典、日志、多应用管理、文件管理、定时任务等功能。</li>
                        <li style="line-height: 35px;">代码量少、学习简单、功能强大、轻量级、易扩展，轻松开发从现在开始！</li>
                    </ul>
                    <p></p>
                    <br>
                    2023 年 03 月 28 日
                    <br>
                    <br>
                    <!---->
                    <a target="_blank" href="https://gitee.com/duanzt/shou-yu-corpus" class="layui-btn layui-btn-primary" nav-scroll="pricing">
                        <i class="layui-icon layui-icon-release"></i>
                        前往查看
                    </a>
                    <a target="_blank" href="https://gitee.com/duanzt/shou-yu-corpus/releases" class="layui-btn" nav-scroll="pricing">
                        <i class="layui-icon layui-icon-log"></i>
                        更新日志
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- feature -->
    <div class="section" style="padding-bottom: 10px;padding-top: 15px;">
        <div class="section-title">
        </div>
        <div class="layui-container">
            <div class="layui-row">
                <div class="layui-col-md3 layui-col-sm4 layui-col-xs12">
                    <div class="feature">
                        <img style="width:186px;height: 154px;" src="assets/images/un32.svg" />
                        <br /><br />
                        <h3>源码开放</h3>
                        <p style="font-size: 14.8px;letter-spacing: 2px;">注释清晰，便于阅读</p>
                        <p style="font-size: 14.8px;letter-spacing: 2px;">开源代码，放心使用</p>
                    </div>
                </div>
                <div class="layui-col-md3 layui-col-sm4 layui-col-xs12">
                    <div class="feature">
                        <img style="width:186px;height: 154px;" src="assets/images/un35.svg" />
                        <br /><br />
                        <h3>功能完善</h3>
                        <p style="font-size: 14.8px;letter-spacing: 2px;">基础功能，简便通用</p>
                        <p style="font-size: 14.8px;letter-spacing: 2px;">原创组件，现成模板</p>
                    </div>
                </div>
                <div class="layui-col-md3 layui-col-sm4 layui-col-xs12">
                    <div class="feature">
                        <img style="width:186px;height: 154px;" src="assets/images/un8.svg" />
                        <br /><br />
                        <h3>多端支持</h3>
                        <p style="font-size: 14.8px;letter-spacing: 2px;">多端支持，兼容支持</p>
                        <p style="font-size: 14.8px;letter-spacing: 2px;">各种常用浏览器兼容</p>
                    </div>
                </div>
                <div class="layui-col-md3 layui-col-sm4 layui-col-xs12">
                    <div class="feature">
                        <img style="width:186px;height: 154px;" src="assets/images/un11.svg" />
                        <br /><br />
                        <h3>易于开发</h3>
                        <p style="font-size: 14.8px;letter-spacing: 2px;">演示示例，组件式开发</p>
                        <p style="font-size: 14.8px;letter-spacing: 2px;">用户技术，集中式解答</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- footer -->
    <div class="ew-footer">
        <div class="layui-container">
            <div class="layui-row layui-col-space30">
                <div class="layui-col-md6">
                    <h2 style="font-size: 17px;" class="footer-item-title">技术交流</h2>
                    <p class="img-group" style="height: 105px;font-size: 15.5px;">
                        <img src="assets/images/code2.png" style="border-radius: 2px;height: 100px;width: 100px;" />
                        扫码加入技术交流QQ群<br>备案号：云ICP备20230323XX号
                    </p>
                </div>
                <div class="layui-col-md4">
                    <h2 style="font-size: 17px;" class="footer-item-title">联系我们</h2>
                    <p>
                        <i class="layui-icon layui-icon-dialogue"></i>
                        <a href="http://www.pearadmin.com">官网 : www.duanztai.top</a>
                    </p>
                    <p style="margin-top: 2px;">
                        <i class="layui-icon layui-icon-website"></i>
                        <a href="https://gitee.com/duanzt/shou-yu-corpus">仓库 : gitee.com/duanzt/shou-yu-corpus</a>
                    </p>
                </div>
                <div class="layui-col-md2">
                    <h2 style="font-size: 17px;" class="footer-item-title">相关链接</h2>
                    <p><i class="layui-icon layui-icon-component"></i><a href="https://gitee.com/duanzt/shou-yu-corpus" target="_blank">组织</a></p>
                    <p style="margin-top: 10px;">
                        <i class="layui-icon layui-icon-home"></i>
                        <a href="https://gitee.com/duanzt/shou-yu-corpus" target="_blank">仓库</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div id="win" style="padding:20px;display:none">
        <div id="qrcode"></div>
    </div>
    <!-- Js 部分 -->
    <script src="component/layui/layui.js"></script>
    <script src="component/pear/pear.js"></script>
    <script src="component/js/qrcode.min.js"></script>
    <script>
        layui.use(['layer', 'jquery', 'loading'], function () {
            var layer = layui.layer, $ = layui.jquery, loading = layui.loading;
            loading.Load(5, '加载中...');
            $('#showh5').on('click', function () {
                $('#qrcode').html('');
                var content = window.location.href.replace('index.html', 'showh5.html');
                console.log(content)
                new QRCode($('#qrcode')[0], content);
                layer.open({
                    type: 1,
                    title: '手机预览',
                    area: ['300px', '350px'],
                    shade: 0.1,
                    content: $('#win')
                });
                return;
            })
            loading.loadRemove(500);
        });
    </script>
</body>
</html>
